<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="./css/main.css" rel="stylesheet">
<title>用户注册</title>
</head>
<body>
	<div class="container">
		<div class="panel panel-default col-md-offset-3 col-md-6 register-panel">
			<h2 class="h2 text-center">用户注册</h2>
				<div class="panel-body">
					<form class="form-horizontal" action="./multiRegister.do" method=" post"
					 enctype="multipart/form-data">
					 
					 	<div class="form-group">
					 		<label class="control-label ">用户名:</label>
					 		<input class="form-control" type="text" name="username" id="username">
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label" col-md-4>密码：</label>
					 		<input class="form-control" type="password" name="password" id="password">
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label" col-md-4>确认密码：</label>
					 		<input class="form-control" type="password" name="rePassword" id="rePassword">
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label col-md-4">性别：</label>
					 		<div class="col-md-8">
					 		<label class="radio-inline">
					 			<input type="radio" name="xex" value="man">男
					 		</label>
					 		<label class="radio-inline">
					 			<input type="radio" name="xex" value="girl">女
					 		</label>
					 		</div>
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label col-md-4">上传头像:</label>
					 		<div class="col-md-3">
					 			<input type="file" class="form-control" name="userHead" id="userHead">
					 		</div>
					 		<div class="col-md-4 img-previewer">
					 			<img alt="图片预览" class="img-previewer" width="160" height="160" id="previewer"/>
					 		</div>
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label col-md-4">兴趣爱好</label>
					 		<div class="col-md-8">
					 				<label class="checkbox-inline">
					 					<input type="checkbox" name="interests" value="basketball">篮球
					 				</label>
					 				<label class="checkbox-inline">
					 					<input type="checkbox" name="interests" value="soccer">足球
					 				</label>
					 				<label class="checkbox-inline">
					 					<input type="checkbox" name="interests" value="tennnis">羽毛球
					 				</label>
					 				<label class="checkbox-inline">
					 					<input type="checkbox" name="interests" value="others">其它...
					 				</label>
					 		</div>
					 	</div>
					 	
					 	<div class="form-group">
					 		<label class="control-label col-md-4">验证码</label>
					 		<div class="col-md-4">
								<input type="text" name="vcode"/>
							</div>
					 	</div>
					 	
					 	<div class="form-group">
					 		<div class="checkbox col-md-offset-4">
					 			<label>
					 				<input type="checkbox" value="rember">请阅读该文章
					 			</label>
					 		</div>
					 	</div>
					 	
					 	<div class="form-group">
					 		<div class="col-md-offset-4 col-md-4">
					 			<button type="submit" class="btn btn-primary btn-black">提交</button>
					 		</div>
					 	</div>
					 </form>
				</div>
		</div>
	</div>
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="./js/reg.js"></script>
</body>
</html>